import axios from 'axios'
import { ElMessage } from 'element-plus'
import { useUserStore } from '@/store/modules/user'
//创建axios实例
let request = axios.create({
  baseURL: import.meta.env.VITE_APP_BASE_API,
  timeout: 5000,
})
//请求拦截器
request.interceptors.request.use((config) => {
  let userStore = useUserStore()
  if (userStore.token) {
    config.headers.token = userStore.token
  }
  //config配置对象,headers属性请求头,经常给服务器端携带公共参数
  //返回配置对象
  return config
})
//响应拦截器
request.interceptors.response.use(
  (response) => {
    //放行验证码接口
    if (response.config.url?.toUpperCase() === '/captcha'.toUpperCase()) {
      return response.data
    }
    if (response.data.code !== 200) {
      ElMessage({
        type: 'error',
        message: response.data.msg,
      })
      return Promise.reject(response)
    }
    return response.data
  },
  (error) => {
    //处理网络错误
    let msg = ''
    let status = error.response.status
    switch (status) {
      case 401:
        msg = 'token过期'
        break
      case 403:
        msg = '无权访问'
        break
      case 404:
        msg = '请求地址错误'
        break
      case 500:
        msg = '服务器出现问题'
        break
      default:
        msg = '无网络'
    }
    //如果状态码是401,清除token，并且跳转到登录页面
    if (status == 401) {
      let userStore = useUserStore()
      userStore.userLogout()
      ElMessage({
        type: 'error',
        message: msg,
      })
      //跳转到登录页面
      location.href = '/login'
    } else {
      ElMessage({
        type: 'error',
        message: msg,
      })
      return Promise.reject(error)
    }
  },
)
export default request
